/* CSS reset */

* {
    margin: 0;
    padding: 0;
}

html,body{
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: right;
	background-color: #fff;
	overflow:auto;	
  dir:rtl;
	}

/**********  FOR Hotjar Feedback issues -  JABOULAY 2021-03-26)  **********/
button._hj-1SWx9__EmotionOption__EmotionOption {min-width:1em;}


.container {
	overflow:hidden;
}


.header {

}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 .5rem 0;
}

h1 {
	font-size: 22px;
	font-weight:600;
	    padding: 12px 0px !important;
  }

h2{
	font-size: 16px;
    padding: 3px 0px;
    font-weight: 600;

  }
h4{
	font-size: 18px;
	    font-weight: 600;
  }

p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: right;
}



ol, ul {
    list-style: circle;
    margin-right:10px;
    direction:rtl;

}

a {
    text-decoration: none;
    color: #8E282A;
}



.content-webpart {
	margin-bottom:0px;
	padding-bottom:0px;
}

.ms-webpart-zone {margin-bottom:0px;padding-bottom:0px;}
.ms-fullwidth {margin-bottom:0px;padding-bottom:0px;}


.s4-wpcell-plain {margin-bottom:0px;padding-bottom:0px;}
.ms-webpartzone-cell {margin-bottom:0px;padding-bottom:0px;}
.ms-webpart-cell-vertical-inline-table {margin-bottom:0px;padding-bottom:0px;}
.ms-webpart-cell-vertical {margin-bottom:0px;padding-bottom:0px;}
.ms-fullWidth {margin-bottom:0px;padding-bottom:0px;}

/* Default Pure Style*/

.effectborder {
	background-color:white;
	-webkit-box-shadow: 0 6px 4px -4px #777;
	-moz-box-shadow: 0 6px 4px -4px #777;
	box-shadow: 0 6px 4px -4px #777;
	margin-top:40px !important;
	margin-bottom:40px !important;
}

.ContentArea {
	background-color:#F6F6F6 !important;  
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(8.3%, 1fr));
	grid-template-rows:auto;
	grid-auto-rows:auto;
	font-size:16px; 
}


/* Row 1 */

.Box1 {
	grid-column-start: 1;
	grid-column-end: 13;
	grid-row-start: 1;	
	margin:0px 0px 0px 0px;
	padding:0px;
}

/*Row 2 wide for text*/
.Box2 {
	grid-column-start: 1;
	grid-column-end: 13;
	grid-row-start: 2;
	margin: 0px 100px 0px 100px;
	padding:16px;
	background-color:white;	
}

/*Row 3*/
.Box3 {
	grid-column-start: 9;
	grid-column-end: 13;
	grid-row-start: 3;
	margin:16px;
	padding:0px;
}


.Box4 {
	grid-column-start: 1;
	grid-column-end: 9;
	grid-row-start: 3;
	margin:16px;
	padding:0px;
}

/*Row 4*/

.Box5 {
	grid-column-start: 7;
	grid-column-end: 13;
	grid-row-start: 4;
	margin:16px;
	padding:0px;
}

.Box6 {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 4;
	margin:16px;
	padding:0px;
}

/*Row 5*/

.Box7 {
	grid-column-start: 9;
	grid-column-end: 13;
	grid-row-start: 5;
	margin:16px;
	padding:0px;
}

.Box8 {
	grid-column-start: 1;
	grid-column-end: 9;
	grid-row-start: 5;
	margin:16px;
	padding:0px;
}

/*Row 6*/
.Box9 {
	grid-column-start: 9;
	grid-column-end: 13;
	grid-row-start: 6;
	margin:16px;
	padding:0px;
	}

.Box10 {
	grid-column-start: 5;
	grid-column-end: 9;
	grid-row-start: 6;
	margin:16px;
	padding:0px;
}

.Box11 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 6;
	margin:16px;
	padding:0px;
}

/*Row 7*/
.Box12 {
	grid-column-start: 1;
	grid-column-end: 13;
	grid-row-start: 7;
	margin:16px;
	padding:0px;
}


/*Row 8*/
.Box13 {
	grid-column-start: 7;
	grid-column-end: 13;
	grid-row-start: 8;
	margin:16px;
	padding:10px;
	background-color:white;
}

.Box14 {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 8;
	margin:16px;
	padding:10px;
	background-color:white;
}


/*Row 9*/

.Box15 {
	grid-column-start: 1;
	grid-column-end: 13;
	grid-row-start: 9;
	margin:16px;
	padding:10px;
	background-color:white;
}

/* Footer */

.cloak{

	    height:100%;
	    width:100%;
	    padding:5px;
	    /*
	    	background-color: rgba(255, 255, 255,.8) !important;
	    	*/
}

.Box {
	margin:0px;
	padding:25px;
	text-align: right;
	height:100%;
	grid-row-start: 10;
	background-color:#009CD6;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:lighter;
	color:#FDFDFD;
}

.Box P {
	margin:0px;
	padding:0px;
	color:#FDFDFD;
}

.Box a {
	color:#FDFDFD;
	margin:0px;
	padding:0px;
}

.Box a:visited {
	color:#FDFDFD;
}

.Box a:hover {
	color:#FDFDFD;
	text-decoration:none;
}


.Box h2 {
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	font-size:16px;
}


.Box ul {
  list-style: none; /* Remove default bullets */
}


.FooterList {
	margin:16px;
	color:#FDFDFD;
}

.Footer1   {
	grid-column-start: 10;
	grid-column-end: 13;
	padding:10px;
	grid-row-start: 10;
}


.Footer2  {
	grid-column-start: 7;
	grid-column-end: 10;
	padding:10px;
		grid-row-start: 10;
}


.Footer3  {
	grid-column-start: 4;
	grid-column-end: 7;
	padding:10px;
		grid-row-start: 10;
}


.Footer4  {
	grid-column-start: 1;
	grid-column-end: 4;
	padding:10px;
	grid-row-start: 10;
	color:#FDFDFD;
}



/* ############################### SOCIAL ICONS ########################*/
.social {

  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
}

	.fa-5x {
		font-size:2.5em !important;
		color:#FDFDFD;
		padding:10px;
	}


.social a {
  padding: 0px 10px;
}

.social a:nth-child(1) {
  color: #4867AA;
  cursor: pointer;
  text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4);
  transition: all ease-in-out 150ms;
}

.social a:nth-child(1):hover {
  margin-top: -10px;
  text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -8);
}

.social a:nth-child(2) {
  color: #1DA1F2;
  cursor: pointer;
  text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4);
  transition: all ease-in-out 150ms;
}

.social a:nth-child(2):hover {
  margin-top: -10px;
  text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -8);
}

.social a:nth-child(3) {
  color: #444;
  cursor: pointer;
  text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  transition: all ease-in-out 150ms;
}

.social a:nth-child(3):hover {
  margin-top: -10px;
  text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4);
  transform: translate(0, -5);
}
.social a:nth-child(4) {
  color: #F4427E;
  cursor: pointer;
  text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4);
  transition: all ease-in-out 150ms;
}
.social a:nth-child(4):hover {
  margin-top: -10px;
  text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -8);
}



.social a:nth-child(5) {
  color: #0A66C2;
  cursor: pointer;
  text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4);
  transition: all ease-in-out 150ms;
}
.social a:nth-child(5):hover {
  margin-top: -10px;
  text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -8);
}


.social a:nth-child(6) {
  color: #A83A97;
  cursor: pointer;
  text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.4);
  transition: all ease-in-out 150ms;
}
.social a:nth-child(6):hover {
  margin-top: -10px;
  text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -8);
}


	
/* Language Switcher*/

.tagline {
	position: absolute;
	left:3%;
	float:left !important; 
	padding:5px 0 0 0;
	min-height:6px !important ;
	width:20vw;
	top:40px;
}


.tagline h2 { 
	padding-right:5px;
	padding-top:5px;
	color:#000; 
}

.lang-switcher ul { 
	padding-right:5px;
	list-style: none;
}
.lang-switcher li  { 
	float:right; 
	margin:0 15px 0 0;
	font-size:0.8vw !important;
}
.lang-switcher a {
	float:right; 
	margin:0 0 0 0;
	padding:0px;
	font-size:0.8vw !important;
}

.lang-switcher a:link,
.lang-switcher a:active { color:#042E52!important; }
.lang-switcher a:visited { color:#042E52!important; text-decoration:none;}          
.lang-switcher a:hover  { color:#042E52!important; text-decoration:underline; }
.lang-switcher .active a { color:#042E52!important; }
                

/*TOP ITU MENU*/
.TopMenuLink {
    color:white !important;
    text-decoration:none !important;
    font-weight:500;
}

.TopMenuLink:hover {
	color:#E4EEF2 !important;
	text-decoration:none !important;
	transition-duration: 0.5s;
}

.TopMenuTable{
        display: table;
        width: 100%;
        background-color:#009CD6;
        height:40px;
}
.TopMenuTableRow {
        display: table-row;
}
.TopMenuCellLarge {
        border: 0px solid #999999;
        display: table-cell;
        padding: 3px 10px;
        width:100%;
}
.TopMenuCell, .TopMenuTableHead {
        border: 0px solid #999999;
        display: table-cell;
        padding: 3px 10px;
        vertical-align:middle;
        white-space: nowrap;

}
.TopMenuTableHeading {
        background-color: #EEE;
        display: table-header-group;
        font-weight: bold;
}
.TopMenuTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
}
.TopMenuTableBody {
        display: table-row-group;
}



/*  MEGA MENUS */
/* MM-navbar container */
.MM-Container {
	position:relative;	
}

.MM-navbar {
    overflow: hidden;
    /*background-image: repeating-linear-gradient(180deg,#3274B3,#0455A2);*/
    background-color:transparent;
    color:#042E52;
    font-weight: bold;
}

    /* Links inside the MM-navbar */
    .MM-navbar a {
        float: right;
        color: #042E52;
        text-align: center;
        padding: 14px 10px 4px 10px;
        text-decoration: none;
    }

 
/* The MM-dropdown container */

.MenuLogo {
    padding: 0px 0px;
    height:45px;
}

/* The MM-dropdown container */
.MM-dropdown {
    float: right;
    overflow: hidden;
}


    /* MM-dropdown button */
    .MM-dropdown .dropbtn {
	    cursor:pointer;
		font-size:16px;
		border:none;
        outline: none;
        color: #042E52 !important;
        padding: 22px 14px 16px 14px ;
        /*background-image: repeating-linear-gradient(180deg,#3274B3,#0455A2);*/
        font: inherit; /* Important for vertical align on mobile phones */
        margin: 0; /* Important for vertical align on mobile phones */
    }

.dropbtn  {
	font-size:16px !important;
}

.dropbtn:hover {
    background-color:white;
	border-bottom: 4px solid #009CD6;	
    padding-bottom: 13px;
    margin-bottom:2px;
    }

.dropbtn:disabled {
	font-size:16px !important;
	padding-bottom:10px;
}

.dropbtn a {
	font-size:16px !important;
	padding:0px;
	margin:0px;
    border-bottom: 4px solid transparent ;
}

    /* MM-dropdown button */
    .MM-dropdown .dropbtn:hover a{
		color: #00A3E0;
    }
    

/* MM-dropdown content (hidden by default) */
.MM-dropdown-content {
    display: none;
    position: absolute;
    background-color: transparent;
    width: 100%;
    right: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    margin-top:0px;
}

    /* Mega Menu header, if needed */
    .MM-dropdown-content .header {
        background: #3DA0D9;
        padding: 14px;
        color: white !important;
    }

/* Show the MM-dropdown menu on hover */
.MM-dropdown:hover .MM-dropdown-content {
    display: block;
    -webkit-transition: color 0.5s linear, background 0.5s linear;
    -moz-transition: color 0.5s linear, background 0.5s linear;
    -o-transition: color 0.5s linear, background 0.5s linear;
    transition: color 0.5s linear, background 0.5s linear;
    width: 100%;
    background-color: white;
}

/* columns that floats next to each other */
.MM-column {
    float: right;
    width: 150px;
    padding: 10px;
    background-color: #fff;
    height: 11hw;
}

    /* Style links inside the MM-columns */
    .MM-column a {
        float: none;
        color: black;
        padding: 12px;
        text-decoration: none;
        display: block;
        text-align: right;
    }

        /* Add a background color on hover */
        .MM-column a:hover {
            background-color:transparent;
            color: white;
        }


/* Clear floats after the MM-columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.MM-column h3 {
	margin-bottom:5px;
}


/*Cards in MegaMenu*/
.hover-hide-deco:hover{
	text-decoration: none;
} 

.card{
	border: none;
  }
  
.card-menu{
	width: 150px;
	box-shadow:
	0 0px 5.3px rgba(168, 168, 168, 0.144),
	0 0px 17.9px rgba(168, 168, 168, 0.123),
	0 0px 80px rgba(168, 168, 168, 0.137)
  ;
} 

.card-menu:hover{
	background-color: rgba(168, 168, 168, 0.144);

} 


.card-img-illu{
	border-radius: 0px;
	height: 150px;
	width: 150px;

	
} 
.card-title-illu{
	text-align: center;
	color:#2f2f2f;
	text-decoration:none;
	font-weight: bold;
	height: 50px;
} 




.ParTitle {
    font-size: 22px;
    color: #042E52;
    text-align: right;
    margin-top: 0%;
    padding:16px;
    background: rgba(255, 255, 255,.95);
    text-transform:uppercase;
}

.ParContent {
    font-size: 16px !important;
    color: #042E52;
    text-align: right;
    margin: 0%;
    padding:10px;
    background: rgba(255, 255, 255,.95);
}


.ParContent ul {
	margin-right:20px;
}



/*ITU LAYOUT IPV6*/
.footeritems {	overflow-y: hidden;}
#ipv6_enabled_www_test_logo {display:none !important;}
#_atssh{display:none !important;}







@media SCREEN AND (max-width: 916px) {

	.tagline {
		position: absolute;
		left:0%;
		float:left !important; 
		width:80%;

	}
	
	.tagline h2 { 
		padding-right:5px;
		padding-top:5px;
		color:#000; 
	}

	.lang-switcher li  { 
		font-size:12px !important;
	}

	.lang-switcher a  { 
		font-size:12px !important;
	}


	.ContentArea {
	  grid-template-columns:1fr !important;
	}

	
	.Box * {
		font-size: 16px;
		text-align:center;
	}
	
	.Box p {
		  color:white;
	}
	
	.Box a {
		  color:white;
		  margin:0px;
		  padding:0px;
	}

	.Box a:visited {
		  color:white;	
	}
	
	.FooterList {
		margin-right:16px;
	}
	
	
	.Box1 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
	}
	.Box2 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
	}
	.Box3 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
	}
	.Box4 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 4;
	}
	.Box5 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 5;
	}
	.Box6 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 6;
	}
	.Box7 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 7;
	}
	.Box8 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 8;
	}
	.Box9 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 9;
	}
	.Box10 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 10;
	}
	.Box11 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 11;
	}
	.Box12 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 12;
	}
	.Box13 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 13;
	}

	.Box14 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 14;
	}
	.Box15 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 15;
	}


	.fa-5x {
		font-size:4em !important;
	}

	.Footer1 {
	/*
	    background: rgba(26,29,51,.8);
	    background-image: url("https://www.itu.int/en/ITU-D/Conferences/WTDC/WTDC21/PublishingImages/Pure_2_P.jpg");
	    */
		background-size:cover;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 16;

	}
	
	.Footer2 {
	/*
	    background: rgba(26,29,51,.8);
	    background-image: url("https://www.itu.int/en/ITU-D/Conferences/WTDC/WTDC21/PublishingImages/Pure_3_P.jpg");
	    */
		background-size:cover;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 17;
	}
	
	.Footer3 {
	/*
	    background: rgba(26,29,51,.8);
	    background-image: url("https://www.itu.int/en/ITU-D/Conferences/WTDC/WTDC21/PublishingImages/Pure_1_P.jpg");
	    */
		background-size:cover;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 18;

	}
	
	.Footer4 {
	/*
	    background: rgba(26,29,51,.8);
	    background-image: url("https://www.itu.int/en/ITU-D/Conferences/WTDC/WTDC21/PublishingImages/Pure_4_P.jpg");
	    */
		background-size:cover;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 19;
	}




}